@CHARSET "UTF-8";

body, input, button, select, textarea {
    color: #333333;
    font: 12px/1.5 Tahoma,'Microsoft Yahei','Simsun';
}

body{
	background: url("../images/bg.jpg") repeat scroll 0 0 transparent;
}

.container{
	min-width: 960px;
	margin:0 auto;
}

#page {
	margin:0 auto; 
	padding:0px 10px; 
	min-height:500px;
}
#hld{background: url("../images/hld.jpg") repeat-x scroll 0 0 transparent; height:402px;}
#footer {margin-top:10px; font-size:12px; text-align: center; border-top:1px solid #EEE; padding: 10px; background-color:#FAFAFA}
#header {
	background:url('../images/header-bg.png') repeat-x;
	height:78px;
}

#loginForm, #error {
	margin:0 auto;
	width:470px;
	padding-top:120px;
}
.error{
	font-size:12px;
}

#loginForm input.submit{
    background: url("../images/btns.gif") no-repeat scroll center top transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Titillium800","Trebuchet MS",Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-shadow: 1px 1px 0 #0A5482;
    text-transform: uppercase;
    vertical-align: middle;
    width: 85px;
}
#loginForm input.submit:hover{
background:url(../images/btns_.gif) no-repeat;
}

#loginForm .row{
	margin-bottom:10px;
}
#loginForm .row input[type="text"], #loginForm .row input[type="password"]{
	background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #BBBBBB;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    font-size: 14px;
    outline: medium none;
    padding: 4px;
    vertical-align: middle;
	width:418px
}
#loginForm .row input[type="checkbox"] {
	vertical-align: middle;
}

#loginForm .row label{
	color: #555555;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    vertical-align: middle;
    line-height:24px;
}

#header #logo {
	margin:5px 5px 0 10px;
	float:left;
}

#header h1{
	color:#FFF;
	line-height:42px;
	font-size:16px;
	float:left;
}

#header #user-console{
	color:#EEE;
	float:right;
	margin:0 10px 0;
	text-align:right;
	height:42px;
	overflow:hidden;
	line-height:42px;
}

.breadcrumbs {
	float:left;
	position:relative;
	top:-2px;
}

#header #user-console a{
	color: #ec8526;
	text-decoration:underline;
}

#main{
_width:100%;
height:auto;
overflow:hidden;
padding:0;
padding-left:260px;
color:#000000;
}

#main #sidebar, #main #content {
	height:auto;
	margin-bottom:-32767px;
	padding-bottom:32767px;
}

#main #sidebar{
	_display:inline;
	float:left;
	width:250px;
	margin-left:-260px;
}
#main #content{
	float:right;
	width:100%;
}



#navigation li {
    float: left;
    position: relative;
}
#navigation li a {
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
}
#navigation li.sfHover a, #navigation li.sfHover2 a {
    padding: 0 11px;
}
#navigation li ul {
    left: -1px;
    padding: 5px;
    position: absolute;
    width: 185px;
    z-index: 999;
}
#navigation li ul li {
    float: none;
    position: relative;
    z-index: 999;
}
#navigation li ul li.sfHover, #navigation li ul li.sfHover2 {
    border-left: 0 none;
    border-right: 0 none;
    margin: 0;
}
#navigation li ul li ul {
    left: 185px;
    top: 0;
}
#navigation .ui-icon-carat-1-s {
    float: right;
    margin: 8px 0 0;
}

#navigation li a {
    border-left: 1px solid #F7F7F7;
    border-right: 1px solid #D0D0D0;
    color: #454545;
    font-weight: bold;
}
#navigation li.sfHover, #navigation li.sfHover2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
}
#navigation li ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B2B2B2;
}
#navigation li ul li {
    background: none repeat scroll 0 0 #F0F0F0;
    border-bottom: 1px dotted #CCCCCC;
}
#navigation li ul li a {
    color: #7C7C7C;
}
#navigation li ul li a:hover {
    background: none repeat scroll 0 0 #F7F7F7;
    color: #696969;
}
#navigation li ul li.sfHover, #navigation li ul li.sfHover2 {
    background: none repeat scroll 0 0 #E0E0E0;
}
#navigation li ul li.sfHover a {
    color: #333333;
}
#navigation li ul li ul li a:hover {
    color: #000000;
}

.message {
    border-radius: 3px 3px 3px 3px;
    font-weight: bold;
    margin-bottom:10px;
    overflow: hidden;
    padding: 10px 15px 10px 40px;
}
.message.info {
    background: url("../images/info.gif") no-repeat scroll 12px 12px #ECF9FF;
    border: 1px solid #BBDBE0;
    color: #0888C3;
}
.message.errormsg {
    background: url("../images/error.gif") no-repeat scroll 12px 12px #ffe5e5;
    border: 1px solid #f78899;
    color: #E3302C;
}
.message.warning {
    background: url("../images/warning.gif") no-repeat scroll 12px 12px #FEFDE2;
    border: 1px solid #E5E181;
    color: #666666;
}

.message.success {
    background: url("../images/success.gif") no-repeat scroll 12px 12px #EDFBD8;
    border: 1px solid #BFDE84;
    color: #508600;
}

.message .close {
    background: url("../images/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: right;
    height: 16px;
    margin-top: 2px;
    opacity: 0.7;
    width: 16px;
}

.message .close.hover {
    opacity: 1;
}

.message p {
    float: left;
    padding: 0;
    width: 93%;
}

.img-box {
	background: none repeat scroll 0 50% transparent;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 3px #CCCCCC;
    padding: 1px;
    position: relative;
}

.block {
    background: url("../images/bnd.gif") repeat-x scroll center bottom #FFFFFF;
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.block .block_head {
    background: url("../images/bhead.gif") repeat-x scroll 0 0 transparent;
    line-height: 30px;
    overflow: hidden;
}

.block.big .block_head {
	background: url("../images/bhead_big.gif") repeat-x scroll 0 0 transparent;
	line-height: 54px;
}
.block .block_head .bheadl {
    background: url("../images/bheadl.gif") no-repeat scroll left top transparent;
    float: left;
    height: 30px;
    width: 20px;
}
.block.big .bheadl {
	background: url("../images/bheadl_big.gif") no-repeat scroll left top transparent;
	height: 54px;
}
.block .block_head .bheadr {
    background: url("../images/bheadr.gif") no-repeat scroll right top transparent;
    float: right;
    height: 30px;
    width: 20px;
}
.block.big .block_head .bheadr {
	background: url("../images/bheadr_big.gif") no-repeat scroll right top transparent;
	height: 54px;
}
.block .block_head h2 {
    color: #555555;
    float: left;
    font-family: "Titillium999","Trebuchet MS",Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    /*text-shadow: 1px 1px 0 #FFFFFF;*/
}
.block .block_head div {
	float: left;
}
.block.big .block_head h2 {
    font-size: 16px;
}
.block .block_content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    overflow: hidden;
    padding: 5px 20px 0 ;
}
.block .bendl {
    background: url("../images/bendl.gif") no-repeat scroll left bottom transparent;
    float: left;
    height: 5px;
    width: 5px;
}
.block .bendr {
    background: url("../images/bendr.gif") no-repeat scroll left bottom transparent;
    float: right;
    height: 5px;
    width: 5px;
}
.block .block_head ul.ops {
    float: right;
    font-size: 11px;
    font-weight: bold;
    /*text-shadow: 1px 1px 0 #FFFFFF;*/
}
.block .block_head ul.ops li {
    background: url("../images/phs.gif") no-repeat scroll 7px center transparent;
    display: inline;
    padding: 3px 0 3px 20px;
}
.block .block_head ul.ops li.nobg {
    background: none repeat scroll 0 0 transparent;
}
.block .block_head ul.ops li a {
    color: #666666;
    outline: medium none;
    text-decoration: none;
}

.ui-icon {
    background-image: url("../images/icons-blue.png");
}

.ui-icon-carat-1-s, .headerSortDown .ui-icon-carat-2-n-s {
    background-position: -64px 0;
}

.ui-helper-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#main-content .page-title, .form-bg, #page-wrapper #sidebar .side-menu li a:hover {
    background: none repeat scroll 0 0 #F9F9F9;
}

.portlet {
	margin-bottom:10px;
}

.ui-corner-all {
    border-radius: 3px 3px 3px 3px;
}
.ui-widget-content {
    background: url("../images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #444444;
}
.ui-widget-header {
	font-size:12px;
    font-weight: bold;
    margin: 0.4em;
    padding: 7px;
    background: url("../images/ui-bg_highlight-soft_50_dddddd_1x100.png") repeat-x scroll 50% 50% #DDDDDD;
    border: 1px solid #DDDDDD;
    color: #444444;
    text-transform: uppercase;
}
.portlet-content {
    margin: 0;
    padding: 0 7px;
}

.ui-icon {
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99999px;
    width: 16px;
}

.portlet-header .ui-icon {
    float: right;
    margin-top: -2px;
    cursor:pointer;
}
.ui-widget-header .ui-icon {
    background-image: url("../images/icons-lgray.png");
}

.pn {
	display:inline-block;
    background: url("../images/pn.png") repeat-x scroll 0 0 #E5E5E5;
    border: 1px solid #999999;
    box-shadow: 0 1px 0 #E5E5E5;
    cursor: pointer;
    height: 23px;
    margin-right: 3px;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    border-radius:3px;
}

.pnc, a.pnc {
    background-color: #0066CC;
    background-position: 0 -48px;
    border-color: #235994;
    color: #FFFFFF !important;
}

.pn:hover {
    background-position: 0 -23px;
}

.pnc:hover {
    background-position: 0 -71px;
}

.pn:active {
    background-position: 0 -23px;
}

.pnc:active {
    background-position: 0 -71px;
}

#header-control-panel{
	line-height:30px;
}

a{color:#00709e;text-decoration:none}
a:hover{color:#df0024}

.mg10{margin:10px}
.mgt10{margin-top:10px}
.mgb10{margin-bottom:10px}
.mgb5{margin-bottom:5px}
.mgl30{margin-left:30px}
.pdt10{padding-top:10px}
.pd10{padding:10px}
.hide{display:none}
.pdLR10{padding:0 10px}
.inBlock{display:inline-block}
.fl{float:left}
.fr{float:right}
.clearboth{clear:both}
.fs12{font-size:12px}
.fs14{font-size:14px}
.gray{color:gray}
.vtop{vertical-align:top}
.pd2{padding:2px}
.operator, #right-operates{}
.inline{display:inline}
.brt{
	border-top:1px solid #EEE;
}



span.required{color:red}
input.error, select.error{background-color:#ffebed}

div.errorMessage{color:#df0024; font-size:12px; display:inline;margin-left:10px}

.op-result-flash-box, .op-result-flash-box-error{
	border:1px solid #e8aaad;
	padding:10px 20px;
	background-color:#fffdd2;
	margin-bottom:5px;
	border-radius: 3px 3px 3px 3px;
}

.op-result-flash-box-error {
	
	background-color:#f9e5e6;
	color:#b50007;
}

.upgrade-content-navi  {
	background-color:#F7F7F7;
	border-bottom:1px solid #F1F1F1;
	height:22px
}

.upgrade-content-navi ul {
	list-style:none;
	margin-left:10px;
	position:relative;
	top:2px
}

.upgrade-content-navi ul li {
	display:inline;
	height:20px;
	line-height:20px;
	padding:2px 5px;
	cursor:pointer;
}
.upgrade-content-navi ul li.hover {
	border:1px solid #F1F1F1;
	border-bottom:none;
	background-color:#FFF
}

.upgrade-diff{
	font-family:"Courier New";
	word-wrap: break-word;
	line-height:1.5em;
}
.upgrade-remark-content {
	max-height:100px;
	overflow: auto;
	font-family:"Verdana, 宋体";
	padding:10px;
}
.upgrade-remark-content ol, .upgrade-remark-content ul{
	margin-left: 25px
}

.thead-tr{
	background-color:#F9F9F9
}

table.list{
	font-size:12px;
}
table.list td {
    border: 1px solid #EEE;
	text-indent:3px;
	line-height: 26px;
}
table.list th {
    font-weight:normal
}

table.list {
    border-collapse: collapse;
}

.search-view .field{
	margin:5px 5px;
	float:left
}

.upgrade-title{
	background-image:url(../images/titlebg.png);
	border-bottom: 1px solid #C2D5E3;
	line-height: 33px;
	height: 31px;
	color: #336699;
	padding-left: 10px;
}

.upgrade-item {
	border: 1px solid #e1ebf2;
	border-bottom:none;
	background-color:#fff;
}
.upgrade-item-last {
	border-bottom: 1px solid #e1ebf2;
}

.pager{
	text-align:right;
	color:#FFF;
	margin-bottom:10px
}

.pager ul li.selected a  {
    background: none repeat scroll 0 0 #39A3E6;
    border: 1px solid #0082D5;
    color: #FFFFFF;
}

.pager a:hover {
    background: none repeat scroll 0 0 #EC8526;
    border: 1px solid #D77011;
    color: #FFFFFF;
}

.pager a {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    margin: 0 1px;
    padding: 3px 6px;
}

.pager ul {
	display: inline;
	list-style:none;
}

.pager ul li {
	display: inline;
}

.pager .hidden {
	display: none;
}

code
{
	color: #CA0EE3;
	font-size:0.9em;
}

del
{
	height: 26px;
	background: pink;
}

ins
{
	height: 26px;
	background: lightgreen;
	text-decoration: none;
}
.del
{
	background: pink;
}

.ins
{
	background: lightgreen;
	text-decoration: none;
}

.rawName {
	font-weight:bold;
}

.allowNull, .dbType, .isPrimaryKey, .autoIncrement{
	color:blue
}

table.detail{
	width:100%;
}
table.detail td, table.detail th{
	padding:15px 0;
}

table.detail tr:hover {
	background-color:#FEFDE2;
}

table.detail td, table.detail th {
	border-bottom:1px solid #F1F1F1
}

table.detail th{
	text-align:right;
	font-weight:normal
}

table.detail tr.title{
	background-image:url('../images/tb-detail-title.png');
	height:30px;
	color:#336699;
}
table.detail tr.title td{
	height:30px;
	padding:0 0 0 10px;
}

input[type="text"], input[type="password"], select, textarea{
	background: url("../images/input.png") repeat-x scroll 0 0 transparent;
	border-color: #707070 #CECECE #CECECE #707070;
    border-style: solid;
    border-width: 1px;
    line-height: 22px;
	padding:0 6px;
    vertical-align: middle;
}

input[type="text"], input[type="password"], select {
	 height: 22px;
}

textarea{
	padding:5px;
}
select{
	padding:0;
	background-color:#FFF;
	line-height:24px;
	height:24px;
}

#pic{margin-bottom: 10px}


.upgrade-content-wrapper {
	padding:1px 5px;
	font-size:14px
}

.collapsed-no, .collapsed-yes {
	width:12px;
	height:10px;
	display:inline-block;
	float:right;
	margin-top:10px;
	margin-right:10px;
	cursor:pointer
}
.collapsed-no {
	background-image:url("../images/collapsed_no.gif");
}
.collapsed-yes {
	background-image:url("../images/collapsed_yes.gif");
}



ul.tabs a.active {
    background: none repeat scroll 0 0 #FFFFFF;
}
ul.tabs a.active label{
    background: none repeat scroll 0 0 #FFFFFF;
	color:#000;
    cursor: default;
}

ul.tabs a {
    background: none repeat scroll 0 0 #EEEEEE;
	border:1px solid #CCC;
	border-bottom:none;
	height:25px;
	line-height:24px;
    color: #666666;
    display: block;
	margin: 4px 1px 0;
    text-decoration: none;
	border-radius:3px 3px 0 0 ;
}
.tabs-container {
    clear: both;
    background-color:#FFF;
}

ul.tabs li{
	float:left;
}
ul.tabs label {
	display:block;
	padding: 0px 8px;
	cursor:pointer;
	border-radius:3px 3px 0 0 ;
	
}
ul.tabs label.error{
	background-color:#ffe5e5;
	color: #000;
	
}

table.info {
	border-collapse: collapse;
}

table.info td, table.info th{
	border-top: 1px solid #DDD;
	padding: 8px 5px;
	text-align: center;
}

table.info th {
	color: #000;
	background-color:#F1F1F1;
}

.xheLayout tr:hover {
	background-color:#F1F1F1 !important;
}
/*.xheLayout .xheIframeArea {
	padding:0 !important;
	margin:0 !important;
}*/

.imglist {
    margin: 0;
    overflow: hidden;
    padding: 0 0 10px;
}

.imglist li {
    background: none repeat scroll 0 50% transparent;
    display: block;
    float: left;
    height: 180px;
    margin: 13px 17px 10px 10px;
    position: relative;
    width: 150px;
}

.imglist li img {
	border: 1px solid #CCCCCC;
    box-shadow: 0 0 3px #CCCCCC;
    padding:1px;
    height: 150px;
    width: 150px;
    z-index: 1;
}

.imglist li ul {
    background: url("../images/imgo.gif") no-repeat scroll center center transparent;
    height: 87px;
    left: 45px;
    position: absolute;
    top: 32px;
    width: 62px;
    z-index: 10;
    display:none;
}

.imglist li ul li {
    border: 0 none;
    box-shadow: none;
    display: block;
    height: 29px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 62px;
}

.imglist li ul li a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 29px;
    line-height: 29px;
    outline: medium none;
    text-shadow: 0 0 2px #000000;
    text-transform: uppercase;
}

.block .block_content .imglist li ul li.view a:hover {
    background: url("../images/imgt.gif") no-repeat scroll center bottom transparent;
}
.block .block_content .imglist li ul li.delete a:hover {
    background: url("../images/imgb.gif") no-repeat scroll center top transparent;
}
.block .block_content .imglist li ul li.update a:hover {
    background: url("../images/imgc.gif") no-repeat scroll center top transparent;
}

.acenter {
	text-align:center
}

.label-question {
	background: url("../images/question.png") no-repeat scroll left top transparent;
	padding-left: 18px;
	cursor: pointer;
}

.select {
	width: 325px;
}

.select .header, 
.select .header span.btn, 
.select .list li.hover, 
.select .list li:hover {
	background-image: url("../images/custom-select.png");
	background-repeat: repeat-x;
}

.select .header {
	height: 25px;
	line-height: 25px;
	cursor: pointer;
}

.select h1 {
	float: left;
	padding-left: 10px;
	overflow: hidden;
}

.select .header span.btn{
	background-position: 0 -25px;
	display: bolck;
	float: right;
	height: 25px;
	width: 25px;
}

.select .list {
	background-color: #fafafa;
	border: 1px solid #CCC;
	border-radius: 0 0 3px 3px;
	position: relative;
	top: -1px;
	display: none;
	
}

.select.expand .list {
	display: block;
}

.select .list li {
	line-height: 24px;
	height: 24px;
	padding-left: 10px;
	color: #666;
	cursor: pointer;
}

.select .list li.hover,  .select .list li:hover{
	color: #FFF;
	background-position: 0 -50px;
	font-weight: bold;
}
.atuo_break_line {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.desc-textarea {
	border:none;
	background:none;
	padding:0;
	margin:0;
}